
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">取消收藏</a>
</script>

<script>
    
    var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#test'
    ,url: '/user/collectlist' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', sort: true, fixed: 'left'}
      ,{field: 'subject', title: '文章标题',width:350}
      ,{field: 'excerpt', title: '简介描述',width:300}
      ,{field: 'operate', title: '操作', toolbar: '#barDemo',align:'center',fixed: 'right',width:150 }
    ]]
    ,response:{
		      statusName:'code', //规定返回的状态码字段为code
			  statusCode:1 //规定成功的状态码味200
    }
    ,parseData: function(res){ //res 即为原始返回的数据
    return {
      "code": res.code, //解析接口状态
      "msg": res.msg, //解析提示文本
      "count": res.count, //解析数据长度
      "data": res.data  //解析数据列表
    };
  }
  });
    
    //监听工具条 
table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
  var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
  if(layEvent === 'detail'){ //查看
    //do somehing
    window.open("/post/"+data.tid+'.html')
  } else if(layEvent === 'del'){ //删除
    layer.confirm('真的取消收藏吗？', function(index){
        $.ajax({
          url:"/user/collectdeil",
          data:{'id':data.id},
          type:"Post",
          dataType:"json",
          success:function(data){
            layer.msg(data.msg);
             if(data.code == 1){
                 updata();
             }
              
          },
          error:function(data){
              $.messager.alert('错误',data.msg);
          }
      });
        updata()
    });
  }
});

  //重新渲染数据
    function updata(){
        table.reload('test', {
                  url: '/user/collectlist'
        });
        
    }
    
</script>

